.wrapper {
  margin: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;

  .header {
    background: #f7f7f7;
    height: 100px;
  }

  .header-bottom {
    margin-top: -95px;
    background-image: url();
    background-size: 100% 112px;
    height: 112px;
  }

  h2 {
    padding-left: 40px;
    font-weight: lighter !important;
    margin: 0;
    line-height: 100px;
    font-size: 32px;
    color: #a6a6a6 !important;
    text-transform: uppercase;
  }

  .error-code {
    margin-right: 10px;
    color: #7b7b7b;
  }

  .sanbox {
    background-image: url();
  }

  .header .logo {
    float: right;
    margin-right: 40px;
    margin-top: 30px;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
  }

  .wrapper2 {
    max-width: 666px;
    margin: 60px auto 60px;
    padding: 0 20px;
  }

  h1 {
    color: #5c5c5c;
    font-size: 24px;
    text-align: center;
  }

  .error-detail {
    margin-top: 60px;
    font-family: Verdana, sans-serif;
    color: #5c5c5c;
    word-break: break-all;
  }

  p {
    margin-bottom: 10px;
  }

  a {
    color: #5c5c5c;
  }

  .footer {
    text-align: center;
    color: #e3e3e3 !important;
    margin-bottom: 40px;
    a {
      color: #929191 !important;
      text-decoration: underline;
    }
  }

  .footer .logo {
    margin: 0 auto 10px;
    opacity: 0.2;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    filter: gray;
    filter: grayscale(100%);
  }
}
